body {
    -webkit-font-smoothing: antialiased;
}

.main-width {
  width: $main-width;
  margin: 0 auto;
}
/* margin 取值*/
.mb-10 {
  margin-bottom: .5vw;
}

.mb-20 {
  margin-bottom: 1vw;
}

.m-10-0 {
  margin: .5vw 0;
}

.m-0-10 {
  margin: 0 .5vw;
}

/* 字体颜色 */
.color-grey {
  color: $color-grey;
}

.color-999 {
  color: $color-grey-999;
}

.color-white {
  color: $color-white;
}

.color-primary {
  color: $color-primary;
}

/* 字体尺寸 */
.font-bold {
  font-weight: bolder;
}

.font-14 {
  font-size: $font-base;
}

.font-18 {
  font-size: $font-18;
}

.font-20 {
  font-size: $font-20;
}

.font-30 {
  font-size: $font-30;
}

.font-40 {
  font-size: $font-40;
}

.font-60 {
  font-size: $font-60;
}

.text-center {
  text-align: center;
}

/* flex布局 */

//上下左右居中
.f-h-cc { 
  display: flex;
  justify-content: center;
  align-items: center;
}

// 横轴左右居中
.f-h-lr {
  display: flex;
  justify-content: center;
}

// 横轴上下居中
.f-h-tb {
  display: flex;
  align-items: center;
}

// 纵轴左右居中
.f-c-lr {
  display: flex;
  flex-direction: column;
  align-items: center;
}

// 纵轴上下居中
.f-c-tb {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

// 纵轴上下左右居中
.f-c-cc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

// flex space between
.f-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// flex space around
.f-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clearfix::after {
  content: '.';
  clear: both;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
